import { login, getUserInfo, getUserDetailById } from '@/api/user'
import { getToken, removeToken, setToken } from '@/utils/auth'
import { resetRouter } from '@/router'

export default {
  namespaced: true,
  state: {
    token: getToken() || '', // 这里因为是初始值为空 刷新的时候所有的代码都会重置 token会被重置为''
    userInfo: {}
  },
  mutations: {
    setToken(state, tokenValue) {
      // 将token存入vuex
      state.token = tokenValue
      // 为了页面刷新后token不丢失，存入本地 cookie
      setToken(tokenValue)
    },
    setUserInfo(state, userInfo) {
      state.userInfo = userInfo
    },
    removeUserInfo(state) {
      state.token = ''
      state.userInfo = {}
      // 清除本地
      removeToken()
      // 清空路由记录
      resetRouter()
    }
  },
  actions: {
    async fetchLogin({ commit }, form) {
      // ctx.commit 提交mutation
      // ctx.dispatch 提交action
      // 1.调用接口请求 登录
      const res = await login(form)
      // 2.拿到请求返回值，提交mutation函数进行修改
      commit('setToken', res)
      // console.log(res)
    },
    async fetchGetUserInfo({ commit }) {
      // 调用获取用户信息接口
      const res = await getUserInfo()
      // 插入一个调用用户头像接口 此时传的参数用到了上个接口(获取用户信息)中用户的id
      const res_ = await getUserDetailById(res.userId)
      // 获取数据之后调用mutations里的方法修改vuex数据 【合并一下两个接口的返回对象 成为一个对象】
      commit('setUserInfo', { ...res, ...res_ })
      return res
    }
  }
}
